<template> 
  <view class="feedback-container"> 
    <!-- 反馈表单 --> 
    <view class="feedback-form"> 
      <textarea placeholder="请输入您的意见和建议" v-model="feedbackContent"></textarea> 
      <button @click="submitFeedback">提交反馈</button> 
    </view> 
  </view> 
</template> 
 
<script setup> 
import { ref } from 'vue'; 
 
// 反馈内容 
const feedbackContent = ref(''); 
 
// 提交反馈 
const submitFeedback = () => { 
  if (feedbackContent.value.trim()  === '') { 
    console.log(' 请输入反馈内容'); 
    return; 
  } 
  // 这里可以添加提交反馈的具体逻辑 
  console.log(' 提交反馈:', feedbackContent.value);  
  feedbackContent.value  = ''; 
}; 
</script> 
 
<style lang="scss" scoped> 
.feedback-container { 
  width: 90%; 
  padding: 20rpx; 
  margin: 0 auto; 
  border: 1px solid #eee; 
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08); 
 
  .title { 
    margin: 40rpx; 
    display: flex; 
    align-items: center; 
 
    image { 
      width: 50rpx; 
      height: 50rpx; 
    } 
 
    .text { 
      margin-left: 15rpx; 
      color: rgb(106, 144, 201); 
      font-weight: 600; 
      font-size: 32rpx; 
      letter-spacing: 1rpx; 
    } 
  } 
 
  .feedback-form { 
    padding: 30rpx; 
 
    textarea { 
      border: 1px solid #eee; 
      padding: 20rpx; 
      border-radius: 15rpx; 
      margin-bottom: 30rpx; 
    } 
 
    button { 
      background-color: rgb(105, 145, 196); 
      color: white; 
      text-align: center; 
      padding: 10rpx; 
      border-radius: 50rpx; 
      font-size: 30rpx; 
    } 
  } 
} 
</style> 